<!DOCTYPE html>
<html style="background-color: #f1f1f1">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
        <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
        <meta http-equiv="pragma" content="no-cache" />
        <meta http-equiv="expires" content="0" />
        <script src="../../../../public/vendor/flexible/flexible.js"></script>
        <title>神农信息平台-开票信息</title>
        <link rel="stylesheet" href="../../../../public/vendor/weui/weui.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/vendor/swiper/swiper.min.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/css/iconfont/iconfont.css" />
        <link rel="stylesheet" href="../../../../public/vendor/weui/jquery-weui.css" />
        <link rel="stylesheet" href="../../../../public/css/features/invoiceposition/invoiceposition.css" />
    </head>

    <body>
        <div id="invoicePosition" class="wrapper">
            <div id="header" class="header">
                <div class="weui-search-bar" id="search_bar">
                    <form class="weui-search-bar__form" style="height: 35px" @submit.prevent="search">
                        <div class="weui-search-bar__box input-search">
                            <i class="weui-icon-search"></i>
                            <input type="search" v-model="queryKey" class="weui-search-bar__input ios-input-adjustment" id="search-index" placeholder="请输入查询信息..." />
                            <a href="javascript:" class="weui-icon-clear" id="search_clear" @click="clearSearch"></a>
                        </div>
                        <label for="search_input" class="weui-search-bar__label" id="search_text">
                            <i class="weui-icon-search"></i>
                            <span>搜索</span>
                        </label>
                    </form>
                    <a href="javascript:" class="weui-search-bar__cancel-btn" id="search_cancel" @click="clearSearch">取消</a>
                </div>
                <div class="page-content pt-5" id="map-container">
                    <div class="map" ref="map" id="mapchars" style="height: 200px; background-color: white"></div>
                </div>
            </div>
            <div id="cells-transition" class="scrollable-content">
                <div class="report-contents-item-box" v-for="(item,index) in inpositionlist" :key="item.id">
                    <div class="weui-cell-none-border" :data-imageid="item.attaches">
                        <div class="weui-cell" style="padding: 3px" @click="showMap" :data-lng="item.locate.longitude" :data-lat="item.locate.latitude" :data-address="item.locate.address">
                            <div class="weui-cell__bd weui-cell-right-text">
                                <h3 class="feedbacktype" style="font-size: 18px" v-cloak>{{item.companyName}}</h3>
                            </div>
                            <div class="weui-cell__ft">
                                <i class="icon iconfont add-line icon-font-size-24 icon-click" style="font-size: 24px" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>

                    <div class="element catelist">
                        <div class="details grey element-content">
                            <img src="" alt="" class="images" />
                            <div>
                                <span class="tiltleStyle">税号：</span>
                                {{item.invHeader.taxID}}
                            </div>
                            <div>
                                <span class="tiltleStyle">注册地址：</span>
                                {{item.invHeader.registerAddress}}
                            </div>
                            <div>
                                <span class="tiltleStyle">联系电话：</span>
                                {{item.invHeader.phoneNum}}
                            </div>
                            <div>
                                <span class="tiltleStyle">开户行：</span>
                                {{item.invHeader.bankName}}
                            </div>
                            <div>
                                <span class="tiltleStyle">银行账户：</span>
                                {{item.invHeader.bankAccount}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 返回主页 按钮 -->
            <div id="returnMain" class="returnHome" @click="returnHome"><i class="icon iconfont icon-pages"></i></div>
        </div>
        <script src="../../../../public/vendor/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/weui/jquery-weui.min.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/weui/weui.min.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/moment/moment.min.js"></script>
        <script type="text/javascript" src="../../../../public/vendor/vue/vue.min.js"></script>
        <script src="../../../../public/js/config/utils.js"></script>
        <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&key=657d628d60d09241b068d846b9113dae"></script>
        <script src="https://webapi.amap.com/ui/1.0/main.js"></script>
        <script type="module" src="../../../../public/js/features/biz/invoiceposition/invoiceposition.js"></script>
    </body>
</html>
